<template>
    <div>
        <div v-for="(shui,index) in shuilist" :key="index">
            <h3>{{shui.title}}</h3>
            <p><a :href="'http://www.shuichan.cc/'+shui.link">http://www.shuichan.cc/{{shui.link}}</a></p>
            <p>{{shui.publish_time}}</p>
        </div>
    </div>
</template>

<script>
export default {
    name:'shui',
    data(){
        return{
            shuilist:[],
        }
    },
    created(){
        this.axios.get('/shui/').then(resp=>{
            console.log(resp.data)
            this.shuilist=resp.data
        })
    }
}
</script>

<style>

</style>